<template lang='pug'>
.nav-list 
    ul
        li(v-for="d in navList")
            img(:src="d.cover")
</template>
 
<script>
export default {
  name: "vueName",
  props: ['navList'],
  data() {
    return {
      msg: "Welcome to your vueName",
    };
  },
};
</script>
 
<style scoped lang="sass">
.nav-list 
    width: 100%
    ul
        width: 100%
        display: flex
        flex-wrap: wrap
        li
            width: .75rem
            height: .79rem
    img
        width: 100%
        height: 100%
</style>